const wxml = `

<view class="tbox">
			<view class="mask">
				<image style="width: 588; height: 576px;"  src="https://img.yzcdn.cn/vant/cat.jpeg"></image>
			</view>
			<view class="content">
				<view class="red">￥<text>2000</text></view>
				<view class="text1">狗屎</view>
				<view class="btn" bindtap="onQR">
					<view class="title1">
						点击保存照片 扫码下单
					</view>
				</view>
                <view class="bottom">
                <image style="width: 34px; height: 34px;" src="https://img.yzcdn.cn/vant/cat.jpeg"></image>
					<view class="title">澳门永辉手信专营店</view>
				</view>
			</view>
			<view class="QR">
                <image style="width: 168px; height: 168px;" src="https://img.yzcdn.cn/vant/cat.jpeg"></image>
			</view>
		</view>

`

const style = {
    tbox: {
        width: 588,
        height: 1000,
        position: "relative",

    },
    img: {
        width: 588,
        height: 576,
    },
    mask: {
        width: 588,
        height: 576,
        // background-color: red,
        borderRadius: "0 0 106 106",
        overflow: "hidden",
    },
    text: {
        color: "#202327",
        fontSize: 32,
        fontWeight: "bold",
    },
    content: {
        margin: "0 18 24",
    },
    text1: {
        fontSize: 40,
    },
    red: {
        fontWeight: "bold",
        color: "#F33224",
    },
    btn: {
        width: 550,
        height: 88,
        display: "flex",
        background: "#FF7733",
        borderRadius: 44,
        margin: "24 auto",
        justifyContent: "center",
        alignItems: "center",
        lineHeight: 33.56,
    },
    title1: {
        fontSize: 28,
        color: "#FFFFFF",
        marginLeft: 12,
    },
    bottom: {
        display: "flex",
        lineHeight: 34,
    },
    title: {
        fontSize: 24,
        marginLeft: 12,
        color: "#06021A",
    },
    QR: {
        position: "absolute",
        top: 450,
        right: 24,
        width: 168,
        height: 168,
        background: "#000",
    }

}

module.exports = {
    wxml,
    style
}